<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Applying 3D effects to controls</title>
<link rel="stylesheet" href="userhelp_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='userhelp.css'>");}
//-->
</script>
<style type="text/css">
<!--
ul.whs1 { list-style:disc; }
ol.whs2 { list-style:decimal; }
p.whs3 { color:#000000; font-weight:normal; }
p.whs4 { margin-left:40px; }
ul.whs5 { list-style:decimal; }
-->
</style><script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nCreating and formatting a document\nFormatting documents\nApplying 3D effects to controls");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1>Applying 3D effects to controls</h1>
<p>You can make most types of controls appear three-dimensional, with a 
 raised or sunken border around the control. For example, you can make 
 a text field look like a button. </p>
<p>In addition to determining whether the control is raised or sunken, 
 you can set the thickness of the 3D border around the control.</p>
<p>You can use the 3D effect on the following types of controls:</p>
<ul type="disc" class="whs1">
	
<li class=p><p>
<a HREF="Using_GG_in_documents.htm">Grid/Graphs</a></p></li>
	
<li class=p><p>
<a HREF="Add_images_to_documents.htm">Images</a> </p></li>
	
<li class=p><p>
<a HREF="Panels_and_panel_stacks.htm">Panel stacks</a> 
 (all panels in the stack use the same 3D effect) </p></li>
	
<li class=p><p>
<a HREF="Add_rectangles_to_documents.htm">Rectangles</a> 
 (except rounded rectangles)</p></li>
	
<li class=p><p>
<a HREF="Selectors.htm">Selectors</a> </p></li>
	
<li class=p><p>
<a HREF="Add_text_data_to_documents.htm">Text fields</a> 
 </p></li>
</ul>
<h2>To apply a 3D effect to a control</h2>
<ol type="1" class="whs2">
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs3">Open 
 the document in <span style="font-weight: bold;"><B>Design </B></span>or <span 
 style="font-weight: bold;"><B>Editable Mode</B></span>.</p></li>
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs3">Add 
 one of the controls listed above.</p></li>
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs3">Right-click 
 the control and select<span style="font-weight: bold;"><B> Properties and 
 Formatting</B></span>. The Properties and Formatting dialog box opens.</p></li>
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs3">From 
 the left, select <span style="font-weight: bold;"><B>Effects</B></span><span>.</span></p></li>
</ol>
<ol start="5" type="1" class="whs2">
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs3">Select 
 the <span style="font-weight: bold;"><B>Enable 3D Borders</B></span> check box.</p></li>
</ol>
<p class="whs4"><span style="font-weight: bold;"><B>Note</B></span>: 
 You cannot apply a 3D effect to the title of a Grid/Graph or panel stack.</p>
<ol start="6" type="1" class="whs2">
	
<li style=" color: #000000; font-weight: normal; " class=p><p class="whs3">From 
 the <span style="font-weight: bold;"><B>Effect</B></span> drop-down list, select 
 one of the following to determine the type of 3D effect to apply to the 
 borders:</p></li>
</ol>
<ul start="4" type="1" class="whs5">
	<ul>
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Raised</B></span>, 
 to outset the text like a button.</p></li>
		
<li style="list-style: disc;" type=disc class=p><p><span style="font-weight: bold;"><B>Sunken</B></span>, 
 to inset the control like a pushed button.</p></li>
	</ul>
</ul>
<ol start="7" type="1" class="whs2">
	
<li class=p><p>In the <span style="font-weight: bold;"><B>Weight</B></span> 
 field, type a number to determine the extent to which the 3D effect is 
 applied to the borders. Enter larger numbers to apply a thicker and more 
 noticeable border. In general, numbers between 1-20 should accommodate 
 your design requirements.</p></li>
	
<li class=p><p>Select the <span style="font-weight: bold;"><B>Enable Drop 
 Shadows</B></span> check box to apply a shadow to the control. </p></li>
	
<li class=p><p>Use the <span style="font-weight: bold;"><B>Distance</B></span> 
 slider to adjust the distance of the drop shadow from the control.</p></li>
	
<li class=p><p>Click <span style="font-weight: bold;"><B>OK</B></span> to 
 apply your changes to the control and return to the document.</p></li>
</ol>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
